.container {
  background-color: #f4f6fa;
  .disabled {
    background-color: #ccc;
  }

  .tab {
    width: 340px;
    margin: 10px auto;

    .item {
      width: 170.14px;
      height: 34.72px;
      background: #ffffff;
      border-radius: 0px 6.94px 6.94px 0px;
      justify-content: center;

      font-size: 15.28px;
      font-family: Microsoft YaHei, Microsoft YaHei-Regular;
      font-weight: bold;
      text-align: left;
      color: #333333;

      &:nth-child(1) {
        border-radius: 6px 0 0 6px;
      }

      &:nth-child(2) {
        border-radius: 0 6px 6px 0;
      }

      img {
        width: 16px;
        height: 16px;
        margin-right: 12px;
      }

      &.currentTab {
        font-size: 15.28px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: bold;
        text-align: left;
        color: #ffffff;
        width: 170.14px;
        height: 34.72px;
        background: linear-gradient(
            0deg,
            #ffffff -90%,
            rgba(255, 255, 255, 0) 100%
          ),
          #0aa7f4;
      }
    }
  }

  .container_main {
    margin-top: 10px;
    /deep/ .van-sidebar {
      width: 90px;

      a.van-sidebar-item--select {
        background-color: #fff;

        &::before {
          width: 5.56px;
          height: 15.97px;
          background: linear-gradient(
              -10deg,
              rgba(255, 255, 255, 0.3) 0%,
              rgba(255, 255, 255, 0) 100%
            ),
            #2aa1ec;
          border-radius: 2.78px;
        }
      }

      background-color: #f4f6fa;

      .van-sidebar-item {
        background-color: #f4f6fa;
      }
    }

    .list {
      width: 285.07px;
      // height: 636.81px;
      height: 100%;
      overflow: auto;
      background: #ffffff;

      padding-left: 10px;

      .item {
        height: 108px;
        border-bottom: 0.35px solid #ddd;
        &:last-child {
          border-bottom: none;
        }

        .info {
          justify-content: space-between;
          height: 90px;

          .name {
            width: 162.32px;
            font-size: 15.28px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #333333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .evaluation_data {
            display: flex;
            align-items: center;
            .hot_img {
              width: 8.33px;
              height: 10.67px;
            }
            span {
              font-size: 11.33px;
              color: #ff9500;
            }
          }

          .btn {
            align-self: self-end;
            font-size: 13.19px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: center;
            color: #ffffff;
            width: 76.39px;
            height: 34.72px;
            margin-bottom: 0;
            border-radius: 6.94px;
          }

          .info_bottom {
            .charge {
              .text {
                font-size: 10.42px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #888888;
              }

              .sum {
                font-size: 11.81px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #333333;
              }
            }
          }

          .deadline {
            img {
              width: 11px;
              height: 11px;
            }

            font-size: 11.81px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #ff9500;
          }
        }

        img {
          border-radius: 10px;
          width: 90px;
          height: 90px;
          margin-right: 9px;
        }
      }
    }
  }

  .team {
    .item {
      width: 354.17px;
      height: 266.32px;
      background: #ffffff;
      border-radius: 6.94px;
      margin: 10px auto;
      padding: 24px 10px 15px 13px;

      .task_info {
        margin-top: 17px;

        img {
          width: 70px;
          height: 70px;
          border-radius: 10px;
          margin-right: 13px;
        }

        > .info {
          justify-content: space-around;

          > .name {
            width: 254px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 15.28px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #666666;
          }

          .deadline {
            font-size: 14.58px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #ff9500;
          }

          .progress_bar {
            width: 118.06px;
            height: 9.03px;
            background: rgba(136, 136, 136, 0.2);
            border-radius: 4.51px;

            .fill {
              border-radius: 4.51px;
              height: 100%;
            }
          }
        }

        .btn {
          position: absolute;
          right: 0;
          top: 0;
          width: 76.39px;
          height: 34.72px;
          font-size: 13.19px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          text-align: center;
          color: #ffffff;
          transform: translateY(54px);
        }
      }

      .completeness {
        margin-top: 17px;
        white-space: nowrap;
        margin-bottom: 12px;
      }

      div.start_end_time {
        width: auto;
        height: auto;
        margin-top: 9px;
        margin-bottom: 23px;

        .start_time,
        .end_time {
          width: 138.89px;
          height: 20.83px;
          background: rgba(136, 136, 136, 0);
          border: 0.35px solid #aaaaaa;
          border-radius: 4.86px;
          text-align: center;
        }

        span {
          margin: 0 7px;
        }
      }

      .footer {
        > div {
          font-size: 12.5px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          text-align: left;
          color: #666666;
        }
      }

      .row,
      .time_title {
        width: 150px;
        height: 12.85px;
        height: 12px;
        font-size: 12.5px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #666666;
      }

      > .name {
        font-size: 16.67px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #333333;
      }
    }
  }
}
